<!--#include file="top.php" -->
<script type="text/javascript" src="misc/vendors/o2js/o2citys/o2citys.js"></script>
<script type="text/javascript">
$().ready(function(){
	var slt1 = new o2Linkage({
		selects:[
			{
				id:'pro1',
				val:'江西省'
			},
			{
				id:'city1',
				val:'萍乡市'
			},
			{
				id:'qu1',
				val:'安源区'
			}
		]
	});
	var slt2 = new o2Linkage({
		selects:[
			{
				id:'pro2'
			},
			{
				id:'city2'
			},
			{
				id:'qu2'
			}
		]
	});
	var slt3 = new o2Linkage({
		selects:[
			{
				id:'pro3'
			},
			{
				id:'city3'
			}
		]
	});
	
});
</script> 
<style type="text/css">
html,body{
font-size:12px;
}
div{
border:1px solid #E0E0E0;
background-color:#E4F2FD;
color:#647CB4;
margin:5px;
padding:5px;
}
 
</style>
<p style="font-size:20px;text-align:center;font-weight:bold">
	省市区联动Demo
</p>


<p>初始化值</p>
<div>
	<span>省：</span>
	<select id="pro1"></select>
</div>
<div>
	<span>市：</span>
	<select id="city1"></select>
</div>
<div>
	<span>区：</span>
	<select id="qu1"></select>
</div>
<hr size="1" />


<p>不用初始化值</p>
<div>
	<span>省：</span>
	<select id="pro2"></select>
</div>
<div>
	<span>市：</span>
	<select id="city2"></select>
</div>
<div>
	<span>区：</span>
	<select id="qu2"></select>
</div>
<hr size="1" />


<p>只有省市</p>
<div>
	<span>省：</span>
	<select id="pro3"></select>
</div>
<div>
	<span>市：</span>
	<select id="city3"></select>
</div>
<hr size="1" /> 
<!--#include file="bottom.php" -->